<template>
  <a-layout>
    <a-layout-content :style="{ background: '#fff', padding: '50px', margin: 0, minHeight: '640px' }">
      <div class="about" style="font-size: 16px;">
        <a-typography-title :level="2">介绍</a-typography-title>
        <a-typography-paragraph>本网站用于记录和分享个人的学习笔记，</a-typography-paragraph>
        <a-typography-paragraph>网站还在开发中。如有疑问请联系我。</a-typography-paragraph>
        <a-typography-title :level="2">联系方式</a-typography-title>
        <a-typography-paragraph>
          <mail-outlined/>
          邮箱：1690312648@qq.com
        </a-typography-paragraph>
        <a-typography-paragraph>
          <qq-outlined/>
          QQ：1690312648
        </a-typography-paragraph>
        <!--        <a-typography-paragraph>-->
        <!--          <wechat-outlined/>-->
        <!--        </a-typography-paragraph>-->
      </div>
    </a-layout-content>
  </a-layout>
</template>
<script lang="ts">
import {defineComponent} from 'vue';
import {MailOutlined, QqOutlined, WechatOutlined} from '@ant-design/icons-vue';

export default defineComponent({
  components: {
    MailOutlined,
    QqOutlined,
    WechatOutlined
  },
});
</script>
